﻿@{
    ViewBag.Title = "IBBI Event Planer| 悉尼活动策划";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div id="carousel-main" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#carousel-main" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-main" data-slide-to="1"></li>
        <li data-target="#carousel-main" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
        <div class="item active">
            <img src="/Content/img/slider-photos/concert-1.jpg" alt="slide-1">
            <div class="carousel-caption">
                <h1 class="carousel-heading">Inspiration By The Best Idea</h1>
            </div>
        </div>
        <div class="item">
            <img src="/Content/img/slider-photos/concert-2.jpg" alt="slide-2">
            <div class="carousel-caption">
                <h1 class="carousel-heading"></h1>
                <p></p>
            </div>
        </div>
        <div class="item">
            <img src="/Content/img/slider-photos/concert-3.jpg" alt="slide-3">
            <div class="carousel-caption">
                <h1 class="carousel-heading"></h1>
                <p></p>
            </div>
        </div>
    </div>
    <a class="left carousel-control" href="#carousel-main" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#carousel-main" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
</div>

<div class="container">
    <div class="row">
        <div class="col-sm-6 col-md-5">
            <div class="standard-box">
                <h2 class="header-box">A Vedio About Us</h2>
                <div class="recommended-box">
                    <div class="featured">
                        <span class="glyphicon glyphicon-star"></span>
                    </div>
                    <a href="article-item.html" title="Marillion - Somewhere Else">
                        <img class="img-responsive full-width" src="/Content/img/artists/marillion-XL.jpg" alt="Marillion - promo photo" />
                    </a>
                    <div class="description">
                        <h3>
                            <a href="article-item.html">Marillion - Somewhere Else</a>
                        </h3>
                        <p>New Marillion album is coming. With 10 new tracks. It's called Somewhere Else. It will be released on 9 April 2007. The Band says that...<a href="article-item.html" title="more">&raquo;</a></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-5">
            <div class="standard-box">
                <h2 class="header-box"><a href="articles-list.html">Equipments</a></h2>
                <div class="row solid">
                    <div class="col col-sm-4 col-xs-6">
                        <div class="item-img-square">
                            <a href="/Content/tmp-pages/so.html">
                                <img class="img-responsive full-width" src="/Content/img/covers/so-L.jpg" alt="Peter Gabriel - So">
                                <span class="description">
                                    <span class="title">Peter Gabriel - So</span>
                                    <span class="info"><strong>2014-01-22</strong> by <span class="user">jackie</span></span>
                                </span>
                            </a>
                        </div>
                    </div>
                    <div class="col col-sm-4 col-xs-6">
                        <div class="item-img-square">
                            <a href="tmp-pages/great-cold-distance.html">
                                <img class="img-responsive full-width" src="/Content/img/covers/great-cold-distance-L.jpg" alt="Katatonia - The Great Cold Distance">
                                <span class="description">
                                    <span class="title">Katatonia - The Great Cold Distance </span>
                                    <span class="info"><strong>2013-12-06</strong> by <span class="user">kwarc</span></span>
                                </span>
                            </a>
                        </div>
                    </div>
                    <div class="col col-sm-4 col-xs-6">
                        <div class="item-img-square">
                            <a href="tmp-pages/dark-side-of-the-moon.html">
                                <img class="img-responsive full-width" src="/Content/img/covers/dark-side-of-the-moon-L.jpg" alt="Pink Floyd - Dark Side Of The Moon">
                                <span class="description">
                                    <span class="title">Pink Floyd - Dark Side Of The Moon</span>
                                    <span class="info"><strong>2013-12-03</strong> by <span class="user">kate</span></span>
                                </span>
                            </a>
                        </div>
                    </div>
                    <div class="col col-sm-4 col-xs-6">
                        <div class="item-img-square">
                            <a href="tmp-pages/achtung-baby.html">
                                <img class="img-responsive full-width" src="/Content/img/covers/achtung-baby-L.jpg" alt="U2 - Achtung Baby">
                                <span class="description">
                                    <span class="title">U2 - Achtung Baby</span>
                                    <span class="info"><strong>2013-11-22</strong> by <span class="user">johnny</span></span>
                                </span>
                            </a>
                        </div>
                    </div>
                    <div class="col col-sm-4 col-xs-6">
                        <div class="item-img-square">
                            <a href="tmp-pages/deadwing.html">
                                <img class="img-responsive full-width" src="img/covers/deadwing-L.jpg" alt="Porcupine Tree - Deadwing">
                                <span class="description">
                                    <span class="title">Porcupine Tree - Deadwing</span>
                                    <span class="info"><strong>2013-02-06</strong> by <span class="user">kwarc</span></span>
                                </span>
                            </a>
                        </div>
                    </div>
                    <div class="col col-sm-4 col-xs-6">
                        <div class="item-img-square">
                            <a href="tmp-pages/st-anger.html">
                                <img class="img-responsive full-width" src="/Content/img/covers/st-anger-L.jpg" alt="Metallica - St. Anger">
                                <span class="description">
                                    <span class="title">Metallica - St. Anger</span>
                                    <span class="info"><strong>2013-11-21</strong> by <span class="user">the_moor</span></span>
                                </span>
                            </a>
                        </div>
                    </div>
                    <div class="col col-sm-4 col-xs-6">
                        <div class="item-img-square">
                            <a href="tmp-pages/hunter.html">
                                <img class="img-responsive full-width" src="img/covers/hunter-L.jpg" alt="Mastodon - The Hunter">
                                <span class="description">
                                    <span class="title">Mastodon - The Hunter</span>
                                    <span class="info"><strong>2013-11-01</strong> by <span class="user">kwarc</span></span>
                                </span>
                            </a>
                        </div>
                    </div>
                    <div class="col col-sm-4 col-xs-6">
                        <div class="item-img-square">
                            <a href="tmp-pages/ok-computer.html">
                                <img class="img-responsive full-width" src="/Content/img/covers/ok-computer-L.jpg" alt="Ok Computer">
                                <span class="description">
                                    <span class="title">Radiohead - Ok Computer</span>
                                    <span class="info"><strong>2013-11-02</strong> by <span class="user">adam</span></span>
                                </span>
                            </a>
                        </div>
                    </div>
                    <div class="col col-sm-4 col-xs-6 hidden-xs">
                        <div class="item-img-square">
                            <a href="tmp-pages/fat-of-the-land.html">
                                <img class="img-responsive full-width" src="img/covers/fat-of-the-land-L.jpg" alt="Prodigy - The Fat Of The Land">
                                <span class="description">
                                    <span class="title">Prodigy - The Fat Of The Land</span>
                                    <span class="info"><strong>2013-10-27</strong> by <span class="user">super8</span></span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="standard-box-more">
                    <span class="line"></span>
                    <a href="@Url.Action("Equipments","Page")" data-toggle="tooltip" data-placement="left" title="Click for more...">more &raquo;</a>
                </div>
            </div>
        </div>

        <div class="col-sm-12 col-md-2">
            <div class="row">
                <div class="col-sm-6 col-md-12 col-xs-12">
                    <div class="standard-box">
                        <h2 class="header-box">Log in</h2>
                        <form class="form-horizontal" enctype="application/x-www-form-urlencoded" method="post" action="#">
                            <div class="form-group has-feedback">
                                <div class="col-sm-12">
                                    <input class="form-control" type="text" name="name" id="name" value="" placeholder="login">
                                    <span class="glyphicon glyphicon-user form-control-feedback"></span>
                                </div>
                            </div>
                            <div class="form-group has-feedback">
                                <div class="col-sm-12">
                                    <input class="form-control" type="password" name="password" id="password" value="" placeholder="password">
                                    <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-xs-6">
                                    <input type="submit" name="submit" value="Log in" class="btn btn-warning">
                                </div>
                                <div class="col-xs-6">
                                    <div class="register-link pull-right">
                                        <a href="registration.html" data-toggle="tooltip" data-placement="bottom" title="Registration is totally free!">Register</a>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="col-sm-6 col-md-12 col-xs-12">
                    <div class="standard-box">
                        <h2 class="header-box">Signup for our Newsletter</h2>
                        <form class="form-horizontal" enctype="application/x-www-form-urlencoded" method="post" action="#">
                            <div class="form-group has-feedback">
                                <div class="col-sm-12">
                                    <input class="form-control" type="search" name="name" id="search" value="" placeholder="subscribe...">
                                    <span class="glyphicon glyphicon-search form-control-feedback"></span>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="standard-box">
                <h2 class="header-box">Last comments</h2>
                <div class="standard-text-list">
                    <div class="item">
                        <h3>
                            <a href="article-item.html#comment-1">Marillion - Somewhere Else</a>
                        </h3>
                        <div class="description"><strong>2013-12-07</strong> by <a href="#">adam</a></div>
                    </div>
                    <div class="item">
                        <h3>
                            <a href="article-item.html#comment-2">Radiohead with brand new album?</a>
                        </h3>
                        <div class="description"><strong>2013-12-04</strong> by <a href="#">adam</a></div>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <div class="row">
        <div class="col-md-10">
            <div class="standard-box">
                <h2 class="header-box"><a href="">Lastest News</a></h2>
                <div class="row">
                    <div class="col-sm-3 col-xs-6">
                        <div class="standard-extend-item">
                            <a class="image" href="#">
                                <span class="date">06<br>feb</span>
                                <span class="author">by <strong>kwarc</strong></span>
                                <img class="img-responsive full-width" src="/Content/img/artists/radiohead-L.jpg" alt="Radiohead">
                            </a>
                            <h3>
                                <a href="">The Voice Of China</a>
                            </h3>
                            <p>New Radiohead album is 'up in the air', says bassist Colin Greenwood. We're looking forward to it. We love Radiohead and all their albums... <a href="article-item.html" title="more">&raquo;</a></p>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6">
                        <div class="standard-extend-item">
                            <a class="image" href="article-item.html">
                                <span class="date">09<br>jan</span>
                                <span class="author">by <strong>adam</strong></span>
                                <img class="img-responsive full-width" src="img/covers/songs-L.jpg" alt="SONGS">
                            </a>
                            <h3>
                                <a href="article-item.html">Riverside - Shrine of New Generation Slaves - album details</a>
                            </h3>
                            <p>We know the release date of the brand new album of Riverside - Shrine of New Generation Slaves... <a href="article-item.html" title="more">&raquo;</a></p>
                        </div>
                    </div>
                    <div class="clearfix visible-xs"></div>
                    <div class="col-sm-3 col-xs-6">
                        <div class="standard-extend-item">
                            <a class="image" href="article-item.html">
                                <span class="date">15<br>dec</span>
                                <span class="author">by <strong>super8</strong></span>
                                <img class="img-responsive full-width" src="/Content/img/posters/the-wall-L.jpg" alt="The Wall">
                            </a>
                            <h3>
                                <a href="article-item.html">Roger Waters with The Wall live</a>
                            </h3>
                            <p>The Wall Live by Roger Waters is a worldwide concert tour, member of Pink Floyd band... <a href="article-item.html" title="more">&raquo;</a></p>
                        </div>
                    </div>

                    <div class="col-sm-3 col-xs-6">
                        <div class="standard-extend-item">
                            <a class="image" href="article-item.html">
                                <span class="date">09<br>jan</span>
                                <span class="author">by <strong>kwarc</strong></span>
                                <img class="img-responsive full-width" src="img/covers/falling-deeper-L.jpg" alt="Anathema - Falling Deeper">
                            </a>
                            <h3>
                                <a href="article-item.html">New album of Anathema in September </a>
                            </h3>
                            <p>At 5 September there is a release date of new Anathema album - Falling Deeper. The band present the orchestral... <a href="article-item.html" title="more">&raquo;</a></p>
                        </div>
                    </div>

                </div>

                <div class="standard-box-more margin-top-min-5">
                    <span class="line"></span>
                    <a href="articles-list.html" data-toggle="tooltip" data-placement="left" title="Click for more...">more &raquo;</a>
                </div>

            </div>
        </div>
        <div class="col-md-2">
            <div class="standard-box">
                <h2 class="header-box"><a href="">News</a></h2>
                <div class="standard-text-list">
                    <div class="item">
                        <h3>
                            <a href="">Radiohead Concert at Poznan</a>
                        </h3>
                        <div class="description"><strong>2013-01-17</strong> by <a href="#">monika</a></div>
                    </div>
                    <div class="item">
                        <h3>
                            <a href="">In The Court Of The Crimson King</a>
                        </h3>
                        <div class="description"><strong>2013-01-11</strong> by <a href="#">kwarc</a></div>
                    </div>
                    <div class="item">
                        <h3>
                            <a href="">About cover art of Heritage by Opeth</a>
                        </h3>
                        <div class="description"><strong>2013-01-09</strong> by <a href="#">super8</a></div>
                    </div>
                    <div class="item">
                        <h3>
                            <a href="">Iron Maiden at concert</a>
                        </h3>
                        <div class="description"><strong>2013-01-02</strong> by <a href="#">the_moor</a></div>
                    </div>
                    <div class="item">
                        <h3>
                            <a href="">Old musical box - about Nursery Cryme</a>
                        </h3>
                        <div class=""><strong>2012-12-15</strong> by <a href="#">kwarc</a></div>
                    </div>
                </div>
                <div class="standard-box-more">
                    <span class="line"></span>
                    <a href="" data-toggle="tooltip" data-placement="top" title="Click for more...">more &raquo;</a>
                </div>
            </div>
        </div>
    </div>
    <div class="collaboration-box" style="background-image: url('/content/img/slider-photos/slogan-background.jpg')">
        <div class="overlay"></div>
        <div class="collaboration-box-content">
            <div class="container">
                <h1 class="collaboration-heading">
                    "We always belive Inspiration is created by best idea, Best Idea can boost your value."
                </h1>
            </div>
        </div>
    </div> 
    <div class="row">
        <div class="col-sm-12 col-md-10">
            <div class="standard-box margin-bottom-5">
                <h2 class="header-box">Our Team</h2>
                <div class="row">
                    <div class="col col-sm-3">
                        <div class="team-item">
                            <img src="/Content/img/persons/person-5.png" alt="person">
                            <div class="description">
                                <h3>Kai Chen*</h3>
                                <p><i class="fa fa-briefcase"></i> Chief</p>
                            </div>
                        </div>
                    </div>
                    <div class="col col-sm-3">
                        <div class="team-item">
                            <img src="/Content/img/persons/person-6.png" alt="person">
                            <div class="description">
                                <h3>Yun Wang*</h3>
                                <p><i class="fa fa-briefcase"></i> Manager</p>
                            </div>
                        </div>
                    </div>
                    <div class="col col-sm-3">
                        <div class="team-item">
                            <img src="/Content/img/persons/person-7.png" alt="person">
                            <div class="description">
                                <h3>David*</h3>
                                <p><i class="fa fa-briefcase"></i> Operator</p>
                            </div>
                        </div>
                    </div>
                    <div class="col col-sm-3">
                        <div class="team-item">
                            <img src="/Content/img/persons/person-9.png" alt="person">
                            <div class="description">
                                <h3>You are the Next*</h3>
                                <p><i class="fa fa-briefcase"></i> Click to Join Us</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-sm-12 col-md-2">
            <div class="standard-box">
                <h2 class="header-box"><a href="faq.html">FAQ</a></h2>
                <ul class="list with-links list-headers">
                    <li>
                        <h3>
                            <a href="faq.html">What is IBBI?</a>
                        </h3>
                    </li>
                    <li>
                        <h3>
                            <a href="faq.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</a>
                        </h3>
                    </li>
                    <li>
                        <h3>
                            <a href="faq.html">Nullam id elit mi. Fusce porta mauris a orci tristique convallis?</a>
                        </h3>
                    </li>
                    <li>
                        <h3>
                            <a href="faq.html">Fusce eget tincidunt enim?</a>
                        </h3>
                    </li>
                    <li>
                        <h3>
                            <a href="faq.html"> In eget pretium nibh, sed scelerisque massa?</a>
                        </h3>
                    </li>
                </ul>
                <div class="standard-box-more">
                    <span class="line"></span>
                    <a href="faq.html" data-toggle="tooltip" data-placement="top" title="Click for more...">more &raquo;</a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container">
    <div class="row">
        <div class="col-sm-4">
            <div class="standard-box bottom-box margin-bottom-10">
                <h2 class="header-box">Menu</h2>
                <div class="row">
                    <div class="col-xs-6">
                        <ul class="list list-menu with-links">
                            <li><a href="/">Home</a></li>
                            <li><a href="/Page/AboutUs">About us</a></li>
                            <li><a href="/Page/Equipments">Equipments</a></li>
                            <li><a href="/Page/Services">Services</a></li>
                        </ul>
                    </div>
                    <div class="col-xs-6">
                        <ul class="list list-menu with-links">
                            <li><a href="/Page/ContactUs">Contact Us</a></li>
                            <li><a href="/Account/Registration">Registration</a></li>
                            <li><a href="/Account/LogIn">Login</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="standard-box bottom-box">
                <h2 class="header-box">Address</h2>
                <div class="address-box">
                    <h3>IBBI Pty Ltd</h3>
                    <p><span class="glyphicon glyphicon-map-marker"></span>9/24 vore street Silverwater NSW 2128</p>
                    <p><span class="glyphicon glyphicon-earphone"></span> 61 430 019 906</p>
                    <p><span class="glyphicon glyphicon-envelope"></span> <a href="mailto:yun@ibb-i.com">yun@ibb-i.com</a></p>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="standard-box bottom-box">
                <h2 class="header-box">Contact us</h2>
                <form class="form-horizontal" enctype="application/x-www-form-urlencoded" method="post" action="#">
                    <div class="form-group has-feedback">
                        <div class="col-sm-12">
                            <input class="form-control" type="text" name="topic" id="topic" value="" placeholder="topic">
                            <span class="glyphicon glyphicon-pencil form-control-feedback"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <textarea class="form-control" name="message" id="message" placeholder="type your message here..."></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <input type="submit" name="submit" value="Send" class="btn pull-right btn-warning">
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
